<template>
  <div class="gj-home-header">
    <mt-search
      v-model="value"
      cancel-text="取消"
      placeholder="搜索校车（公交）" class="gj-home-searchbox gj-home-searchbox-text">
    </mt-search>
  </div>
</template>
<script>
import Icon from 'vue-awesome/components/Icon'
import { Search } from 'mint-ui'
export default {
  components: {
    Icon,
    Search
  }
}
</script>
<style>
.gj-home-header {
    position: relative;
    margin: 0;
    z-index: 2;
}
.gj-home-header .gj-home-searchbox {
    height: 49px;
    font-size: 16px;
    color: #50A5FC;
    margin: 0px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    background: #fff;
    /*padding: 0 10px;*/
}
.gj-home-header .gj-home-searchbox .gj-home-searchbox-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
}
.fa-icon{
  font-weight: bold;
}
</style>
